<template>
	<view class="content">
		<scroll-view scroll-x="true" style="width: 100%" class="padding10-40">
			<u-upload height="200" width="200" name="6" multiple :maxCount="9" :fileList="fileList"
				@afterRead="afterRead">
				<view class="upload-box">  
				      <view class="add-button" @click="addImage">  
				        <text class="add-icon">+</text>  
				      </view>  
				      <text style="font-size: 25rpx;">添加球队队徽</text>  
				    </view>
			</u-upload>
		</scroll-view>
		
		<u--form  labelPosition="left"  ref="uForm">
			<view class="inputBox padding10-40">
				<u-form-item borderBottom label="球队名称" prop="userInfo.sex" ref="item1" labelWidth="300">
					<u--input v-model="model1.userInfo.sex" disabled disabledColor="#ffffff" placeholder="请选择地区"
						border="none"></u--input>
				</u-form-item>
				<u-form-item @click="toStadiumList()" label="成立时间" prop="userInfo.name" borderBottom ref="item1" class="padding10-40"
					labelWidth="300">
					<u--input disabled disabledColor="#ffffff" v-model="model1.userInfo.name" placeholder="请选择时间" border="none"></u--input>
					<u-icon  slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item borderBottom label="地区" prop="userInfo.sex" ref="item1" labelWidth="300">
					<u--input v-model="model1.userInfo.sex" disabled disabledColor="#ffffff" placeholder="请选择地区"
						border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				<u-form-item  label="水平等级" prop="userInfo.sex" ref="item1" labelWidth="300">
					<u--input v-model="model1.userInfo.sex" disabled disabledColor="#ffffff" placeholder="请选择"
						border="none"></u--input>
					<u-icon slot="right" name="arrow-right"></u-icon>
				</u-form-item>
				
			</view>
			
			<view class="inputBox padding20-40">
				<u--text bold size="24" text="活动标签"></u--text>
				<view class="margin-top-2" style="display: flex;">
					<view style="margin-right: 3%;" v-for="item in 3" class="tag">养生局</view>
					<view  class="tag">+</view>
				</view>
			</view>
			
			<view  class="inputBox padding10-40">
				<u--textarea height="300" border="none" count maxlength="100" v-model="textContent" placeholder="请输入内容" ></u--textarea>
			</view>
			
			<view style="width: 70%; height: 40%; margin: 3% auto;" class="padding10-40">
				<u-button size="large" shape="circle" color="#4A43EC" :text="status == 3 ? '直接预定' : '创建比赛'"></u-button>
			</view>
		</u--form>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				textContent:''
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.content {
		width: 100%;
		height: 100vh;
		min-height: 100%;
		background-color: #f9f9f9;
	}
.upload-box {  
	  width: 200rpx;  
	  height: 200rpx;  
	  background-color: #F3F4F5; /* 背景颜色 */  
	  border-radius: 16px; /* 圆角 */  
	  display: flex;  
	  flex-direction: column;  
	  justify-content: center;  
	  align-items: center;  
	}  
	
	.add-button {  
	  width: 80rpx;  
	  height: 80rpx;  
	  background-color: #235DFF; /* 按钮的背景颜色 */  
	  border-radius: 30px; /* 圆形按钮 */  
	  display: flex;  
	  justify-content: center;  
	  align-items: center;  
	  color: white; /* 按钮颜色 */  
	  font-size: 30px; /* 按钮文本大小 */  
	}  
	.inputBox {
		width: 80%;
		height: auto;
		border-radius: 16px;
		min-height: 80rpx;
		opacity: 1;
		background: #FFFFFF;
		box-shadow: 0px 8px 25px 0px rgba(83, 89, 144, 0.07);
		margin: 3% auto;
	}

</style>
